<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Essai du CDI</title>
<link rel="icon" type="image/png" href="http://cdiicof.free.fr/favicon.png" />
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
	<div id="ligne_login">S'identifier | Plan du site | Rédaction</div>
	<!-- ICI C'EST LE MENU D'EN-TETE-->
    
    <div id="logo"></div>
     
    <div id="menu_droite">
    <h1>Flux RSS</h1>
    </div>
    
    <!-- La barre de menu --> 

    <div id="sous_menu">gros fake
    <ul>
	<li><div class="sous_menu_lien"><a href="#">Acceuil</a></div></li>
	<li><div class="espaceSM"></div></li>
	<li><div class="sous_menu_lien"><a href="#">Le CDI</a></div></li>
	<li><div class="espaceSM"></div></li>
	<li><div class="sous_menu_lien"><a href="#">Le self</a></div></li>
	<li><div class="espaceSM"></div></li>
        <li><div class="sous_menu_lien"><a href="#">Les livres</a></div></li>
	<input type="text" value=" " class="recherche" />
	<div class="loupe"></div>
    </ul>
    </div>

    <div id="menu">
	<div class="onglet_courant">Rubrique 1</div>
	<div class="espace_onglet"></div>
	<div class="onglet_inactif"><a href="page2.html">Rubrique 2</a></div>
    </div>


    <!-- LE CORPS-->
    
    <div id="corps">
 
   		<div class="corps_texte">
		Ceci est un texte de merde pour tester la police d'écriture sans-serif. Et je veux voir si ça dépasse encore.
   		</div>
        
          <!-- colonne droite -->
   		<div class="colonne_droite">
			<div class="bloc">
				<div class="bloc_gauche"></div>
				<div class="bloc_titre">Essai Bloc</div>
				<div class="bloc_contenu">Contenu du bloc</div>
				<div class="bloc_droite"></div>
				<div class="bloc_bas"></div>
			</div>

			<div class="bloc">
				<div class="bloc_gauche"></div>
				<div class="bloc_titre">Essai Bloc</div>
				<div class="bloc_contenu">Contenu du bloc</div>
				<div class="bloc_droite"></div>
				<div class="bloc_bas"></div>
			</div>
        	</div>
    </div>
    
   
       
    <!--LE PIED DE PAGE-->
    
    <div id="pied_de_page">Mentions légales | Flux RSS | Divers</div>
    
    
</body>
</html>
